<template>
  <div class="zl">
    <mt-header title="设置" class="sz">
      <mt-button icon="back" slot="left" @click="$router.go(-1)"></mt-button>
    </mt-header>
    <div class="grzl" @click="togrzl">个人资料 <span><img src="../assets/jianto.png" alt=""></span></div>
    <div class="gldz" @click="toreadds">管理收货地址 <span><img src="../assets/jianto.png" alt=""></span></div>
    <mt-cell title="语言设置" to="//github.com" is-link value="中文"> </mt-cell>
    <mt-cell
      title="个性优化"
      label="开启后,可看到你感兴趣的内容,推荐打开"
      style="margin-top: 12px"
      ></mt-cell>
    <mt-cell
      title="消息推送"
      label="可在手机设置-山姆会员商店-通知"
      value="已开启"
      style="margin-top: 12px"
    ></mt-cell>
    <mt-cell title="清除缓存" is-link style="margin-bottom: 12px"> </mt-cell>
    <mt-cell
      title="当前版本 V5.0.38"
      to="//github.com"
      is-link
      value="已是最新版本"
      style="margin-bottom: 12px"
    >
    </mt-cell>
    <mt-cell title="隐私政策" is-link></mt-cell>
    <mt-cell title="关于" is-link class="gy"></mt-cell>
    
    <mt-button v-if="$store.state.islogin" type="primary" size="large" class="tuichu" @click="tuichu">退出登录</mt-button>
  </div>
</template>

<script>
export default {
  data() {
    return {
     
    }
  },
  methods: {
     tuichu(){
      window.sessionStorage.removeItem('islogin')
      window.sessionStorage.removeItem('ismember')
      window.location.href = "/mymessage";
    },
    togrzl(){
        this.$router.push("/mygrzl");
    },
    toreadds(){
       this.$router.push("/myreadsgl");
    }
  },
}
</script>
<style scoped>
.gldz{
   width: 100vw;
  padding: 0 2vw;
  line-height: 50px;
  position: relative;
  background-color: #fff;
  margin: 13px 0;
}
.gldz span{
   position: absolute;
   right: 7vw;
   top: 27%;
}
.gldz span img{
   display: block;
  width: 5vw;
}
.grzl{
  width: 100vw;
  padding: 0 2vw;
  line-height: 50px;
  position: relative;
  background-color: #fff;
}
.grzl span{
   position: absolute;
   right: 7vw;
   top: 27%;
}
.grzl span img{
  display: block;
  width: 5vw;
}
.sz {
  background-color: #fff;
  color: black;
  font-size: 1.2em;
  margin-bottom: 12px;
}
.zl {
  background-color: #ededed;
}
.gy{
  margin-bottom: 50px;
}
</style>
